<#assign pageTitle = "过期直播" />
<#assign pageHeader>
	<script type="text/javascript" src="/static/js/live/live-uc.js"></script>
</#assign>
<#assign pageContent>
<article class="w80 fl">
	<div class="u-r-cont">
		<section>
			<div>
				<section class="c-infor-tabTitle c-tab-title">
					<a href="javascript: void(0)" title="Wo的直播" class="c-tab-title">我的直播</a>
					<a href="/user/live.html" title="收费">收费</a>
					<a href="/user/live/free.html" title="免费">免费</a>
					<a href="/user/live/overdue.html" title="已过期" class="current">已过期</a>
				</section>
			</div>
			<div class="mt40">
				<#if !courseList?? || courseList?size <= 0 >
					<!-- /无数据提示 开始-->
					<section class="no-data-wrap">
						<em class="icon30 no-data-ico">&nbsp;</em> <span class="c-666 fsize14 ml10 vam">还没有过期的直播！</span>
					</section>
					<!-- /无数据提示 结束-->
				</#if>
				<#if courseList??>
					<#list courseList as course>
						<div class="live-cou-box live-cou-list mt20" id="live-cou-list">
							<ul>
								<li <#if course.liveBeginTime?date?long lt .now?date?long && course.liveEndTime?date?long gt .now?date?long>class="current"</#if> >
									<div class="live-cb-wrap">
										<div class="clearfix live-cb-box">
											<aside class="live-pic">
													<#if course.cover??>
														<img src="${staticSite}${course.cover}" class="img-responsive" alt="${course.courseName}" />
													<#else>
														<img src="/static/qdxwx/img/coures.gif" class="img-responsive" alt="${course.courseName}" />
													</#if>
											</aside>
											<h3 class="hLh30 txtOf"> <a href="/course/view/${course.courseId }.html" title="" class="live-course-title">${course.courseName}</a> </h3>
											<div class="mt15"><span class="c-666 fsize14">购买数：${course.buyCount }人</span><span class="c-master fsize14 ml30">￥${course.price/100}</span></div>
											<section class="i-q-txt mt15"> <p> <span class="c-999 f-fA">${course.courseName}</span> </p> </section>
										</div>
										<div class="live-cou-time clearfix">
											<div class="fl">
												<#if course.liveBeginTime?string("yyyy-MM-dd") == course.liveEndTime?string("yyyy-MM-dd")>
													<span class="fsize28">${course.liveBeginTime?string("MM-dd")}</span>
													<span class="ml20 fsize16">
														${course.liveBeginTime?string("HH:mm")}&nbsp;~&nbsp;${course.liveEndTime?string("HH:mm")}
													</span>
												<#else>
													<span class="fsize28">${course.liveBeginTime?string("yyyy-MM-dd")}</span>
													<span class="ml20 fsize16">~</span>
													<span class="ml20 fsize28">${course.liveEndTime?string("yyyy-MM-dd")}</span>
												</#if>
											</div>
											<div class="fr">
												<a href="/course/view/${course.courseId }.html">
													<#if (.now?datetime?long - course.liveEndTime?datetime?long) lt 0>加入直播</#if>
													<#if (.now?datetime?long - course.liveEndTime?datetime?long) gt 0>已结束</#if>
												</a>
											</div>
										</div>
									</div>
									<div class="mt20 u-live-sch">
										<a target="_blank" href="/course/view/${course.courseId }.html" class="sch-btn sch-open">课程详情</a>

									</div>
								</li>
							</ul>
						</div>
					</#list>
					<!-- 公共分页 开始 -->
					<div class="paging" id="showPages"></div>
					<!-- 公共分页 结束 -->
				</#if>
			</div>
		</section>
		<!-- /我的课程 -->
	</div>
</article>
</#assign>
<#assign pageFooter>
	<script type="text/javascript" src="/static/js/page.js"></script>
	<script type="text/javascript">
		var options = {
			currentPage : ${page.currentPage}
			,totalPage : ${totalPages}
		};
		$(function () {
			showPages(options);
		});
	</script>
</#assign>
<#include "../layouts/layout_uc.ftl">